var searchBox = document.getElementById("searchBox");

searchBox.oninput = function() {
    var script = document.createElement("script");
    var url = "https://www.baidu.com/sugrec?";
    url += "prod=pc";
    url += "&from=pc_web";
    url += "&from=pc_web";
    // 我们搜索的词汇，这个字符串拼接需要根据用户输入的内容进行变更; 
    url += "&wd=" + searchBox.value;
    // 告知后端前端的函数名叫啥;  
    url += "&cb=callback"

    script.src = url;
    document.body.appendChild(script);
    script.onload = function() {
        script.remove();
    }
}
var list = document.getElementById("list");

function callback(data) {
    console.log(data);
    // 判定一下data里面是否查询到了数据，如果查询到了数据再去渲染， 如果没有查询到数据就直接清空元素内部内容; 
    if (!data.g) {
        return list.innerHTML = ""
    }

    // 渲染页面; 
    list.innerHTML = data.g.map(item => `<li>${item.q}</li>`).join("");
}

//当鼠标点击得时候ul消失

$("body,html").click(function() {
    $("#list li").hide();
})